<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>维修公司员工注册</title>
    <%@include file="/view/resource.jsp" %>
    <link rel="stylesheet" type="text/css" href="${msUrl}/css/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="${msUrl}/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${msUrl}/css/login.css">
    <script type="text/javascript" src="${msUrl}/js/ux/regist.js"></script>
	</head>

	<body>
		<div class="container">
			<form class="form-signin" role="form" id="loginForm" action="${msUrl}/employee/toRegist.do" method="post">
				<h3 class="form-signin-heading">
					维修公司员工注册
				</h3>
				<div class="input-group">
					<span class="input-group-addon">
					<span class="glyphicon glyphicon-user"></span>
					</span>
					<input name="nickName" maxlength="20" type="text" class="easyui-validatebox form-control" placeholder="用户名" data-options="required:true,missingMessage:'昵称不能为空.'"
						required="" autofocus="">
				</div>
				<div class="input-group">
					<span class="input-group-addon">
					<span class="glyphicon glyphicon-envelope"></span>
					</span>
					<input name="email" maxlength="20" type="text" class="easyui-validatebox form-control" placeholder="邮箱" data-options="required:true,validType:'email',missingMessage:'邮箱不能为空.',invalidMessage:'邮箱格式不正确'"
						required="" autofocus="">
				</div>
				<div class="input-group">
				<span class="input-group-addon">
				<span class="glyphicon glyphicon-lock"></span>
					</span>
					<input id="pwd" name="pwd" type="password" class="easyui-validatebox form-control" data-options="required:true,validType:'length[10,16]',missingMessage:'密码不能为空.'" placeholder="密码"
						required="">
				</div>
				<div class="input-group">
					<span class="input-group-addon">
						<span class="glyphicon glyphicon-lock"></span>
					</span>
					<input id="rpwd" name="rpwd" type="password" class="easyui-validatebox form-control" data-options="required:true,missingMessage:'密码不能为空.'" validType="equals['#pwd']" placeholder="确认密码"
						required="">
				</div>
				<div class="input-group">
					<span class="input-group-addon">
						<span class="glyphicon glyphicon-map-marker"></span>
					</span>
					<select name="serCompanyId" class="easyui-validatebox form-control" data-options="required:true,missingMessage:'请选择所属维修公司.'" placeholder="维修公司">
						<option></option>
						<c:forEach items="${companies }" var="cpy">
							<option value="${cpy.id }">${cpy.name }</option>
						</c:forEach>
					</select>
				</div>
				<div class="input-group">
					<span class="input-group-addon">
						<span class="glyphicon glyphicon-bell"></span>
					</span>
					<input name="mobileNumber" type="text" class="easyui-validatebox form-control" data-options="required:true,missingMessage:'手机号码不能为空.',validType:'mobile'" placeholder="手机号码" 
						required="">
				</div>
				<div class="input-group">
				<span class="input-group-addon">
				   <img class="vc-pic" width="65" height="20" title="点击刷新验证码" src="ImageServlet?time=new Date().getTime()">
				   </span>
				   <input class="vc-text easyui-validatebox form-control" placeholder="验证码" data-options="required:true,missingMessage:'验证码不能为空.',invalidMessage:'手机号码格式不正确'" maxlength="4" type="text" name="verifyCode">
				</div>
				<button class="btn btn-lg btn-primary btn-block">
					注册
				</button>
				<div><a href="${msUrl}/login.shtml">返回登录页面<a></div>
			</form>
		</div>
	</body>
</html>
